<html>
	<head>
		<title>Roster Site</title>
		<meta charset="utf-8">
		<link rel='stylesheet' type='text/css' href='styles/style.css'/>
		<script src="js/jquery-2.1.1.js"></script>
		<script src="js/script.js"></script>
	</head>
	<body>
		<div id="logo">
			<img src="media/logo.png" class="logo">
		</div>
		<div id="body">
			<div id="login">
				<table class="login">
					<tbody>
						<tr>
							<td class="loginLabel">
								<label for="staffID">Staff ID</label>
							</td>
							<td>
								<input id="idInput" type="text" name="staffID" placeholder="12345" maxlength="5"><div class="idCounter"></div>
							</td>
						</tr>
						<tr>
							<td class="loginLabel">
								<label for="password">Password</label>
							</td>
							<td>
								<input id="passwordInput" type="password" name="password"><div class="passCounter"></div>
							</td>
						</tr>
						<tr>
							<td></td>
							<td>
								<input id="submit" type="submit" name="Submit" value="Submit">
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</body>
</html>